<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>
<div class="wrapper-xs">
    <div class="panel panel-default">
        <div class="panel-body">
            <%@ include file="/page/common/timeselect.jsp" %>
            <div id="toolbar" class="btn-group">
                <div class="navbar-form " style="margin-top: 0; padding: 0;"
                     role="search">
                    <div class="input-group">
                        <input id="ip_keyWord" type="text" class="form-control" placeholder="search. e.g. *q* or q*.." name="q">
                    </div>
                    <button id="btn-time" type="submit" class="btn btn-default">今天</button>
                    <div class="form-group">
                        <select id="s_netty_count_type" class="selectpicker w-smxl">
                            <option value="100" selected>最近100条</option>
                            <option value="500" >最近500条</option>
                            <option value="1000" >最近1000条</option>
                            <option value="10000" >最近10000条</option>
                        </select>
                    </div>
                    <button id="btn-query" type="submit" class="btn btn-default">搜索</button>
                    <a href="#" class="btn btn-default btn-sm" id="netty-download">
                        <span class="glyphicon glyphicon-download"></span>批量下载
                    </a>
                    <a href="#" class="btn btn-default btn-sm" id="netty-upload">
                        <span class="glyphicon glyphicon-upload"></span>批量重传
                    </a>
                    <div class="form-group">
                        <h5 id="id-netty-record">共0条记录</h5>
                    </div>
                </div>
            </div>
            <div id="div-tree" style="float: left;width: 18%;height: 100%">
                <div class="panel panel-default" style="margin-top: 10px">
                    <div class="panel-heading">netty元数据</div>
                    <div class="panel-body" style="overflow-x: auto">
                        <div id="netty_tree"  style="height:500px; overflow:auto">
                        </div>
                    </div>
                </div>
            </div>
            <div style="float: right;width: 80%">
                <table id="id_netty" class="table table-condensed" style="font-size: 6px">
                </table>
            </div>
        </div>
    </div>

</div>

<!-- Modal.start -->
<div class="modal fade fade-in-down" id="netty-showFile-modal" tabindex="-1"
     role="dialog" aria-labelledby="modalLabel" style="margin-top: 50px;">
    <div class="modal-dialog" role="document" style="">
        <div class="modal-content" >
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"
                        aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="netty-Modal-Label">文件内容展示</h4>
            </div>
            <%--<div class="modal-body" id="netty-modal-body" style="width: 300px;height: 450px;align-content: center">
                <div class="form-group">
                    <textarea id="netty-File-Content-Area" class="form-control" style="width: 567px;height: 425px;"></textarea>
                </div>
            </div>--%>
            <div class="modal-body" id="netty-modal-body" style="width: 100%;height: 500px;">
                <div class="form-group">
                    <textarea id="netty-File-Content-Area" class="form-control" style="width: 100%;height: 475px;"></textarea>
                </div>
            </div>

        </div>
    </div>
</div>
<!-- Modal.end -->
<script src="${ctx}/js/${code}/${code}_${sheet}.js" type="text/javascript" charset="utf-8"></script>